/*-------------------------------------------------------------------------------------------*/
/*  RESET */
/*-------------------------------------------------------------------------------------------*/

body, html  { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/*-------------------------------------------------------------------------------------------*/
/* GENERAL STYLES */
/*-------------------------------------------------------------------------------------------*/

/* Floating & Alignment */
.fl{float: left;}
.fr{float: right;}
.ac{text-align: center;}
.ar{text-align: right;}

/* Clear Floats */
.col-full:after{content: "."; display: block;height: 0;clear: both; visibility: hidden;}

.fix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden;}

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}/* http://sonspring.com/journal/clearing-floats */


/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body  { font: 12px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555; background:#e2e5e9; }

h1, h2, h3, h4, h5, h6  { margin: 0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; font-weight:normal; margin-bottom:10px; line-height:1.5; }
h1  {font-size: 22px; } h2  {font-size: 22px;} h3  {font-size: 18px;} h4  {font-size: 16px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p {margin: 0; font:12px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif serif; }

hr { background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px; }

input, textarea { padding: 9px 12px 9px 12px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; font-size: 12px;}


/* 1.2 Hyperlinks */

a:link, a:visited  { color: #3088ff; text-decoration:none;}
a:hover {text-decoration:underline !important;}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#wrapper  { }
#container { border:1px solid #ccc; border:1px solid rgba(0,0,0,.25);}

#main{width:620px;}
.layout-full #main, .page-template-template-fullwidth-php #main { width:900px; }

.col-left { float: left; }
.col-right { float: right; }
.col-full  { width: 960px; margin: 0 auto; }

/* 2.2 Navigation */
#navigation{z-index:9999; background:#dfdfdf url(../images/bg-nav.png) repeat-x bottom; font:14px/14px Helvetica, Arial, sans-serif; border:1px solid #e9e9e9; padding:0; width:958px !important;}

#navigation ul.rss{background:url(../images/ico-rss.png) no-repeat right 5px;padding:6px 15px 3px 0;margin-right:10px;}
#navigation ul.rss li{display:inline;padding:0 10px 0 0;}
#navigation ul.rss li a{color:#c63f00;text-decoration:none;}
#navigation ul.rss li a:hover{text-decoration:underline;}

.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; border-left:1px solid #ccc; border-right:1px solid #eee;}
.nav a  { position:relative; color:#555 !important; display:block; z-index:100; padding:6px 15px 4px; line-height:36px!important; text-decoration:none; font-weight: bold; border-right:1px solid #ccc; border-left:1px solid #eee; }
.nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a{ color:#222 !important; background: #ddd; text-decoration: none !important;}
.nav li  { float:left; width: auto; }
.nav li a.sf-with-ul { padding-right:25px; }

/* 2.2.1 Drop-down menus */
.nav li ul  { background: #fff; position: absolute; left: -999em; width: 200px; border: 1px solid #dbdbdb; border-width:1px 1px 0; z-index:999; }
.nav li ul li  { background:#eee; border-top:1px solid #fff; border-bottom:1px solid #dbdbdb; }
.nav li ul li:first-child  { border-top:1px solid #ccc; }
.nav li ul li a  { width:170px; color:#555; font-size:0.8em; border:none; line-height: 28px;}
.nav li ul li a.sf-with-ul { padding:5px 10px; }
.nav li ul li a:hover  { background:#eaeaea !important; color:#222 !important;}
.nav li ul ul  { margin: -30px 0 0 180px; }
.nav li ul ul li a  {  }
.nav li ul li ul li a  {  }

.nav li.current_page_parent ul li a{ color:#555; background: none; }
.nav li.current_page_item ul li a{ color:#555; background: none; }
.nav li ul li.current_page_parent a{ color:#222; background: #e9e9e9; }
.nav li ul li.current_page_item a{ color:#222; background: #e9e9e9; }

.nav li:hover,.nav li.hover  { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul  { left:auto; }

.nav .sf-sub-indicator {background:	url(../images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.6em;top:1.5em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator {background:url(../images/arrow-superfish-right.png) no-repeat;}

#navigation #nav-home a { padding:15px 20px 13px; height: 18px; width: 17px; display: block; opacity:0.7;}
#navigation #nav-home a:hover { opacity:1; }

#account-nav {border:none;}
#account-nav li a{border:none;font-weight: normal;}
#account-nav li a:hover{background: none;}
#account-nav li.account {background: url(../images/ico-account-nav.png) no-repeat 0 center; padding:0 5px; opacity:0.8;}
#account-nav li.account span { margin-left:15px; margin-right: -3px; display:inline;}
#account-nav li.checkout {background: url(../images/ico-checkout-nav.png) no-repeat left center; padding:0 5px;opacity:0.8; clear: none;}
#account-nav li.account:hover, #account-nav li.checkout:hover {opacity:1}


#btn-cart { margin:7px 15px 0 0;} 
#btn-cart a { background: transparent url(../images/btn-cart-a.png) no-repeat scroll top right; color: #fff; display: block; float: left; font-size:13px; height: 30px; padding-right: 10px; text-decoration: none;font-family: Helvetica, Arial, Sans-Serif; font-weight:bold; text-shadow:0 1px #555; }
#btn-cart a span { background: transparent url(../images/btn-cart-span.png) no-repeat;display: block;line-height: 22px;padding: 4px 5px 4px 46px;} 
#btn-cart a:hover { background-position:bottom right; outline: none; text-decoration: underline; }
#btn-cart a:hover span { background-position:bottom left;padding: 4px 5px 4px 46px;} 

/* 2.3 Header */
#header{padding:40px 0 30px;clear:both;position:relative;}

#logo  { float:left; }
#logo img  { }
.site-title, .site-description  { display:none;  text-shadow: 0 1px #fff}
.site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:bold; text-decoration:none; }
.site-title a:hover { text-decoration:underline; }
.site-description { color:#999; font:italic 14px Georgia, serif; }

#search-top {float:right;position:relative;}
#search-top label { display: none; }
#search-top .searchform {position: relative;}
#search-top input.field {  background: #fff url(../images/bg-input.png) repeat-x top left; border:1px solid #ccc; color:#777; font-weight: bold; padding:9px 25px 9px 12px; width:180px;}
#search-top input.btn {border:none; position: absolute; width: 16px; height: 16px; right:0px; top:0px; }


/* 2.4 Content */
#content{ width:900px; padding:30px; background: #fff url(../images/bg-gradient.png) repeat-x left 1px; border-top:1px solid #b7b5b6; border-bottom: 1px solid #ccc; border-bottom:1px solid rgba(0,0,0,.25);  }

ul.products {
    float: left;
    list-style: none outside none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.products {
    clear: both;
}

.products li {
    float: left;
    margin: 0 70px 30px 0;
    padding: 0 !important;
    position: relative;
    text-align: center;
    width: 192px;
}
.products li.border {
    margin: 0 30px 30px 0;
}

.products li a {
    display: block;
    position: relative;
    text-decoration: none;
}
.products li.shadow a img {
    margin-bottom: -1px !important;
}
.products li.shadow a .thumb-shadow {
    background: url("../images/shadow-product.png") no-repeat scroll center bottom transparent;
    display: block;
    height: 22px;
    width: 100%;
}
.products li a strong.inside-thumb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    display: block;
    font-family: Verdana;
    font-size: 0.85em;
    font-weight: normal;
    left: 0;
    padding: 10px 15px;
    position: absolute;
    text-transform: uppercase;
    width: 120px;
}
.products li a strong.below-thumb {
    color: #5E6060;
    font-family: 'Droid Sans';
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100% !important;
}
.products li.border a strong {
    left: 7px;
}
.products li a img {
    display: block;
    height: 175px !important;
    margin: 0 0 8px !important;
    width: 175px !important;
}
.products li.border a:hover img {
    border: 1px solid #7F7F7F;
}
.products li.border a img {
    border: 1px solid #B2B0B0;
    padding: 6px;
}
.products li strong {
    color: #555555;
    display: block;
    font-size: 18px;
    font-weight: bold;
}
	
/* 2.6 Footer */
#footer{padding: 20px 0; color:#999; margin-bottom: 20px;}
#footer p {font-size:11px}
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}


#content p, #content dl { margin-bottom:12px; }

h1.title, h1.page-title { clear: left; }


/* Images */

.alignleft  { float: left; height: auto; margin: 5px 15px 5px 0; }
.alignright  { float: right; height: auto; margin: 5px 0 5px 15px; }
.aligncenter  { text-align: center; margin-bottom:15px;}
img.aligncenter  { margin-left:auto; margin-right:auto; display:block; }




/* Buttons */
a.button, .button.alt, .button, input.button, button.button, a.comment-reply-link, #commentform #submit, #featured-products ul.products .button {
	display: inline-block;
	margin: 5px;
	padding: 4px 13px 3px;
	border: 1px solid #4081af;
	border-bottom-color: #20559a;
	color: white !important;
	text-align: center;
	font-size:12px !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none;
	cursor: pointer;
	overflow: visible;
	position: relative;
	
	/*Border radius*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	/*Background*/
	background: #237fd7; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #52a8e8),
					color-stop(1, #2e76cf)
				);
	background: -moz-linear-gradient(
					center top,
					#52a8e8 20%,
					#2e76cf 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	
	/* Animation */
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
}

a.button.loading, input.button.loading, button.button.loading {
	filter:~"alpha(opacity=50)";
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

a.button.loading:before, input.button.loading:before, button.button.loading:before, a.button.added:before, input.button.added:before, button.button.added:before  {
	content:"";
	position: absolute;
	height:16px;
	width:16px;
	top:4px;
	right:-26px;
	text-indent: 0;
}

a.button.loading:before, input.button.loading:before, button.button.loading:before {
	background: url(./images/ajax-loader.gif) no-repeat;
}

a.button.added:before, input.button.added:before, button.button.added:before {
	background: url(./images/ico-tick.png) no-repeat;
}

input.button, button.button, input.button.alt, button.button.alt {
	padding:5px 13px;
}
	
a.button.large { padding:6px 16px;}
a.button.small, a.comment-reply-link { padding:0px 10px;}

a.button:hover, 
.button.alt:hover,
.button:hover,
input.button:hover,
button.button:hover,
a.button.hover, 
a.button.active,
#featured-products ul.products .button:hover {
	text-decoration: none !important;
	/*Background*/
	background: #0073d2; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #3e9ee5),
					color-stop(1, #1666ca)
				);
	background: -moz-linear-gradient(
					center top,
					#3e9ee5 20%,
					#1666ca 100%
				);
}

a.button:active,
.button.alt:active,
a.button.active,
input.button:active,
button.button:active,
#featured-products ul.products .button:active  {
	border-color: #20559a;
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
						0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
					0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
				0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}

a.button.inactive {
	border: 1px solid #d5d5d5;
	border-bottom-color: #e6e2e2;
	color: #aeaeae;
	text-shadow: 0 1px 0 white;
	
	/*Background*/
	background: #e8e8e8; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #f3f3f3),
					color-stop(1, #e6e6e6)
				);
	background: -moz-linear-gradient(
					center top,
					#f3f3f3 20%,
					#e6e6e6 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
						0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
					0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
					0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
}

/*  Info Boxes */
p.alert, p.download, p.info, p.note, p.tick, .woocommerce_message, .woocommerce_error {  margin:10px 0 20px 0; padding:9px 10px 9px 50px; overflow: hidden; zoom:1; clear: left; }
p.alert, .woocommerce_error { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(../images/ico-alert.png) no-repeat 20px 13px; }
p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(../images/ico-download.png) no-repeat 20px 13px; }
p.tick, .woocommerce_message { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(../images/ico-tick.png) no-repeat 20px 13px; }
p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(../images/ico-info.png) no-repeat 20px 13px; }
p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(../images/ico-note.png) no-repeat 20px 13px; }

/* Tables */

table { border:1px solid #e6e6e6; border-right:0; border-bottom:0; width:100%; border-collapse: separate; margin-bottom:1em; }
table td, table th { border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:4px 8px; vertical-align: top; }
table th { background: #f6f6f6; -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4); text-align: left; }


/*-------------------------------------------------------------------------------------------*/
/* IE Fixes */
/*-------------------------------------------------------------------------------------------*/

/* IE6 */

.ie6 .nav .sf-sub-indicator { display:none; }
.ie6 .nav li a:hover { text-decoration:none; }
.ie6 .nav li a.sf-with-ul { padding-right:10px; }
.ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; }
.ie6 .slide-content { 
background: url();
}

/* IE7 */
.ie7  { overflow-x: hidden; }
.ie7 * { overflow-x:visible; }
.ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */
.ie7 .button, .ie7 .button:visited {  padding:7px 6px; margin:0; }
.ie7 a.button, .ie7 .button.alt, ie7 .button, .ie7 input.button, .ie7 button.button, .ie7 a.comment-reply-link, .ie7 #commentform #submit, .ie7 #featured-products ul.products .button { padding:4px 10px; }
.ie7 .slide-content { 
background: url();
}
.ie7 ul.products .last { clear: none; }
.ie7 ul.products li a.button { display: block; width:60%; text-align: left; }
.ie7 div.selector { width:180px; padding-right:10px; }
.ie7 .woo-pagination { padding:4px 0; }
.ie7 .form-row input.input-text, .ie7 .form-row textarea { width:auto; min-width:70%; max-width: 94%; }

/* IE8 */

.ie8 .button:visited {  padding:10px 15px; margin:0; }
.ie8 .slide-content { 
background: url();
}
.ie8 .cart-collaterals .cross-sells h3 { margin-top:0; }

/*-------------------------------------------------------------------------------------------*/
/*   CSS3 / Browser specific CSS */
/*-------------------------------------------------------------------------------------------*/

#search-top input.field,
.search-widget input.field, 
#breadcrumb, 
#container { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }

#navigation {
	-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; 
	-webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;
}

#container { -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05); }

.nav a  { text-shadow:0 1px 0 #fff; }
